/**
 * MamboCA CSS
 * @author Russell Winter
 * @version 1.0
 * @package Mambo Configuration Assistant
 * @Copyright JustMambo, 2007. All rights reserved.
**/
	
	body {
		margin: 0px;
		padding: 0px;
		color : #333;
		background-color : #FFF;
		font-size : 11px;
		font-family : Arial, Helvetica, sans-serif;
	}
	
	#wrapper {
	        border: 0px;
	        margin: 0px;
	        margin-left: auto;
	        margin-right: auto;
	        padding: 0px;
	}
	
	#header {
	        background-color: #000;
	        background-position: right top;
/*	        border-bottom: 4px solid #C64934; */
/*	        border-bottom: 4px solid #3399FF;  */
	        border-bottom: 4px solid #FF9900; 
            }
	
	
   #mambo {
	        position: relative;
	        width: 96%;
	        background-position: bottom right;
	        margin: 0px;
	        padding: 0px;
	}
	
	#stepbar {
/*		background-color: #F1F1F1; */
		background-color: #E6E6FA; 
		width: 170px !important;
		width: 170px;
		font-size: 11px;
		float: left;
		text-align: left;
	}
	
	#step {
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		color: #808080; 
		padding: 10px 10px 10px 10px;
		white-space: nowrap;
		position: relative;
/*		float: center; */
	}
	
	.step-on {
		color: #fff;
		background: #FF9900; 
		font-weight: bold;
		font-size: 12px;
		padding: 5px;
		border: 1px solid #E6E6FA;
		margin-bottom: 2px;
	}
	
	.step-off {
	  font-size: 12px;
		color: #999999;
		font-weight: bold;
		padding: 5px;
		border: 1px solid #cccccc;
		margin-bottom: 2px;
	}
	
	#right {
	  float: right;
	  width: 555px !important;
	  width: 545px;
	  border-left: 1px solid #006699; 
	  padding-left: 10px;
	}

	#right-block {
	  float: right;
	  width: 725px !important;
	  width: 714px;
	  padding-left: 10px;
	}
	
	#break {
		height: 20px;
	}
	
	.licensetext {
	  text-align: left;
	}
	
	.license {
	  padding: 0px;
	  width: 530px;
	  height: 300px;
	}
	
	.license-form {
	  float: left;
	}
	
	.install {
		margin-left: auto;
		margin-right: auto;
		margin-top: 3em;
		margin-bottom: 3em;
		padding: 10px;
		border: 1px solid #006699;
		width: 750px;
		background: #E6E6FA;
	}
		
	.diag {
		margin-left: auto;
		margin-right: auto;
		margin-top: 3em;
		margin-bottom: 3em;
		padding: 10px;
		border: 1px solid #006699;
		width: 80%;
		background: #F1F1F1;
	}

	.gen {
		margin-left: auto;
		margin-right: auto;
		margin-top: 3em;
		margin-bottom: 3em;
		padding: 20px;
/*		border: 1px solid #cccccc; */
		width: 80%;
/*		background: #F1F1F1; */
	}

	.install h1 {
		font-size: 15px;
		font-weight: bold;
/*	 	color: #c64934; */
	 	color: #006699; 
		padding: 10px 10px 4px 0px;
	 	text-align: left;
		border-bottom: 1px solid #006699;
		margin-bottom: 10px;
	}
	
	.diag h1 {
		font-size: 15px;
		font-weight: bold;
/*	 	color: #c64934; */
	 	color: #006699; 
		padding: 10px 10px 4px 0px;
	 	text-align: left;
		border-bottom: 1px solid #006699;
		margin-bottom: 10px;
	}

	.help h1 {
		font-size: 15px;
		font-weight: bold;
/*	 	color: #c64934; */
	 	color: #FF9900; 
		padding: 10px 10px 4px 0px;
	 	text-align: left;
		border-bottom: 1px solid #FF9900;
		margin-bottom: 10px;
	}

	.install-form {
	  position: relative;
		text-align: left;
		float: right;
		width: 74%;
	}
	
	.install-text {
	  position: relative;
		text-align: left;
		width: 25%;
		float: left;
	}
	
	.form-block {
		border: 1px solid #cccccc;
		background: #E9ECEF; 
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
	}
	
	.left {
	  position: relative;
		text-align: left;
		float: left;
		width: 50%;
	}
	
	.right {
	  position: relative;
		text-align: left;
		float: right;
		width: 50%;
	}
	
	.far-right {
	  position: relative;
		text-align: right;
		float: right;
	}
	
	.far-left {
	  position: relative; 
		text-align: left;
		float: left;
	}
	
	.clr {
	    clear:both;
	    }
	
	.ctr {
		text-align: center;
	}
	
	.button {
		border : solid 1px #cccccc;
		background: #E9ECEF;
		color : #666666;
		font-weight : bold;
		font-size : 11px;
		padding: 4px;
	}
	
	table.content {
		width: 95%;
	}
	
	table.content td {
		color : #333333;
		font-size: 11px;
		width: 50%;
	}
	
	table.content2 {
		width: 90%;
	}
	
	table.content2 td {
		color : #333333;
		font-size: 11px;
	}
	
	.toggle {
		font-weight: bold;
	}
	
	
	/*  old stuff */
	
	
	a {
/* 		color: #C64934;  */
 		color: #006699;  
/*                    text-decoration: underline;  */
	}
	a:hover {
/*		color : #30569D; */
		color : #FF9900;
		text-decoration : underline;
	}
	a:active {
		color : #FF9900;
		text-decoration : underline;
	}
	
	.inputbox {
	
		color: #4682b4;
		font-family: Arial, Helvetica, sans-serif;
		z-index: -3;
		font-size: 11px;
	}
	
	.small {
		color : #333;
		font-size : 10px;
	}
	
	.error {
		color : #cc0000;
		font-size : 12px;
		font-weight : bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	select.options, input.options {
		font-size: 8pt;
		border: 1px solid #999;
	}
	
	form {
		margin: 0px 0px 0px 0px;
	}
	
	
	.dottedline {
		border-bottom: 1px solid #333;
	}
	
	.installheader {
		color : #FFF;
		font-size : 24px;
	}
	
	textarea {
		color : #0000dd;
		font-family : Arial;
		font-size : 11px;
		border: 1px;
	}
	
    P.pageBreak {
		page-break-before: always;
	}

    .loading {
      background: #FF9900;
      color: #000000;
      font: 80% sans-serif;
      padding: 0.1em 0.2em;
      position: absolute;
      right: 0.2em; 
/*      left: 0.5em;  */
      top: 0.2em;
/*      width: 100%; */
      text-align: left;
      padding-left: 10px;
      padding-right: 5px;
      background-image: url(images/users.png);
      background-repeat: no-repeat;
    }

	.bad-message {
		border: 1px solid #cc0000; 
		background: #ffffcc; 
		font-size: 11px;
	    text-align: left;
	    vertical-align: top;
		min-height: 25px;
		padding-bottom: 5px;
		padding-left: 25px;
		color: red;
		font-weight: normal;
		background-image: url(../../includes/js/ThemeOffice/warning.png); 
		background-position: 4px 4px; 
		background-repeat: no-repeat; 
	}

	.warn-message {
		border: 1px solid #666666; 
		background: #ffffe0; 
		font-size: 11px;
	    text-align: left;
	    vertical-align: top;
		min-height: 25px;
		padding-bottom: 5px;
		padding-left: 25px;
		font-weight: normal;
		background-image: url(../../includes/js/ThemeOffice/tooltip.png); 
		background-position: 4px 4px; 
		background-repeat: no-repeat; 
	}

	.good-message {
		border: 1px solid #666666; 
		background: #ffffff; 
		font-size: 11px;
	    text-align: left;
	    vertical-align: middle;
		height: 25px;
		min-height: 25px;
		padding-bottom: 5px; 
		padding-top: 5px; 
		padding-left: 25px;
		font-weight: normal;
		background-image: url(../../includes/js/ThemeOffice/checkin.png); 
		background-position: 4px 4px; 
		background-repeat: no-repeat; 
	}
	
	.advisor {
		border: 1px solid #006699; 
		background: #ffffff; 
		font-size: 11px;
	    text-align: left;
	    vertical-align: top;
		min-height: 25px;
		padding-bottom: 5px;
		padding-left: 25px;
		font-weight: normal;
		background-image: url(../../includes/js/ThemeOffice/language.png); 
		background-position: 4px 4px; 
		background-repeat: no-repeat; 
	}
	
	.item {
		vertical-align: top;
	}

	.confirmno {
/*		border: 1px solid #c64934; */
		color: #c64934;
		width: 130px;
		height: 24px;
		font-size: 12px;
		font-weight: bold;
		padding-left: 20px;
		background-image: url(../../includes/js/ThemeOffice/warning.png); 
		background-position: 3px 3px; 
		background-repeat: no-repeat; 	
	}

	.confirmyes {
		border: 1px solid #C0C0C0;
		color: #808080;
		width: 100px;
		height: 22px;
		font-size: 12px;
		padding-left: 20px;
		background-image: url(../../includes/js/ThemeOffice/language.png); 
		background-position: 2px 2px; 
		background-repeat: no-repeat; 	
	}

/* Installation Success Scale */
	table  { font-family: helvetica; }
	.main  {  }
	.side  { font-size: 8px; width: 35px; }
	.scale { font-size: 8px; border-right: 1px solid #e1e1e1; width: 20px; }
	.rate  { font-size: 11px; text-align:center; font-weight: bold; color: #404040; background-color: transparent;}
	.title { font-size: 12px; text-align:center; font-weight: bold; color: #404040; padding: 5px; }
	.scaleMsg { font-size: 10px; text-align:left; font-weight: normal; color: #808080; padding: 5px; }
	.installCheckMsg { font-size: 12px; text-align:left; font-weight: normal; color: #808080; padding: 5px; }
	
	#dhtmltooltip			{ background-image: url(../../includes/js/ThemeOffice/tooltip.png); background-repeat: no-repeat; background-position: 3px 3px; position: absolute; font-family: arial; font-size: 10px; left: -300px; width: 150px; border: 1px solid #808080; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; padding-left: 28px; padding-right: 10px; padding-top: 6px; padding-bottom:10px; }
	#dhtmlpointer			{ position: absolute; left: -300px; z-index: 101; visibility: hidden; }	
	
	.Heading { background-color: #FFFFFF; font-size: 12px; }
	
	TD.vflist { font-family: arial; font-size: 11px; padding-left: 8px; } 
    .ext_desc { font-family: arial; font-size: 11px; padding-left: 8px; color: #778899; }
    TH.vflist { font-family: arial; font-size: 14px; background-color: #E6E6FA; color: #006699; border: 1px solid #C0C0C0; font-variant: small-caps; }
    DIV.vflist { font-family: arial; font-size: 12px; background-color: #006699; color: #F5F5F5; border: 1px solid #cccccc; font-variant: small-caps; font-weight: bold; padding: 3px; border: 1px solid #cccccc; margin-bottom: 2px; }
